import React,{ Component} from "react";
// import { Icon,tools} from "weaver-mobile";
  

export default class Incoice_v extends Component{
  
	render(){
		const { incoiceDetails } = this.props;
		let {key,value} = incoiceDetails[0];

		return (
			<div className="fna-incoice-v" >
				<h4>
					<div><span>{key}</span><span>{value}</span></div>	
				</h4>
				<img src="/images/fna/fnaMobile/incoice-split.png" />
				{incoiceDetails && incoiceDetails.map( (item,index) =>{
					if(index != 0){
						return <div key={item.key}>{item.key}:{item.value}</div>
					}
					
				})}
			</div>
		)
		
	}
}